//底部图标变换事件

let footerTwoLeftIcon1 = document.querySelector(".footerTwoLeftIcon1");
let footerTwoLeftIcon2 = document.querySelector(".footerTwoLeftIcon2");
let footerTwoLeftIcon3 = document.querySelector(".footerTwoLeftIcon3");
let footerTwoLeftIcon4 = document.querySelector(".footerTwoLeftIcon4");

let footerRightIcon1 = document.querySelector(".footerRightIcon1");
let footerRightIcon2 = document.querySelector(".footerRightIcon2");

let footerPopup1 = document.querySelector(".footerPopup1");
let footerPopup2 = document.querySelector(".footerPopup2");
let footerPopup3 = document.querySelector(".footerPopup3");

let footerPopup4 = document.querySelector(".footerPopup4");
let footerPopup5 = document.querySelector(".footerPopup5");


function mouseoverFooterleft(x){
    if (x == 1){
        footerTwoLeftIcon1.className = 'footerTwoLeftIcon1off';
    }else if (x == 2){
        footerTwoLeftIcon2.className = 'footerTwoLeftIcon2off';
        footerPopup1.style.display = 'block';
    }else if (x == 3){
        footerTwoLeftIcon3.className = 'footerTwoLeftIcon3off';
        footerPopup2.style.display = 'block';
    }else if (x == 4){
        footerTwoLeftIcon4.className = 'footerTwoLeftIcon4off';
        footerPopup3.style.display = 'block';
    }
}
function mouseoutFooterleft(x){
    if (x == 1){
        footerTwoLeftIcon1.className = 'footerTwoLeftIcon1';
    }else if (x == 2){
        footerTwoLeftIcon2.className = 'footerTwoLeftIcon2';
        footerPopup1.style.display = 'none';
    }else if (x == 3){
        footerTwoLeftIcon3.className = 'footerTwoLeftIcon3';
        footerPopup2.style.display = 'none';
    }else if (x == 4){
        footerTwoLeftIcon4.className = 'footerTwoLeftIcon4';
        footerPopup3.style.display = 'none';
    }
}
function mouseoverFooterRight(x){
    if (x == 5){
        footerRightIcon1.className = 'footerRightIcon1off'
        footerPopup4.style.display = 'block';
    }else if(x == 6){
        footerRightIcon2.className = 'footerRightIcon2off'
        footerPopup5.style.display = 'block';
    }
}
function mouseoutFooterRight(x){
    if (x == 5){
        footerRightIcon1.className = 'footerRightIcon1'
        footerPopup4.style.display = 'none';
    }else if(x == 6){
        footerRightIcon2.className = 'footerRightIcon2'
        footerPopup5.style.display = 'none';
    }
}